<!--
@description: 施工日志
@creationTime: 2025-04-15
-->

<route type="page" lang="json5">
{
  layout: 'default',
  style: {
    navigationBarTitleText: '施工日志'
  }
}
</route>

<template>
  <view
    class="bg-#fff pos-fixed pos-top-none w-100vw z-10 flex flex-col flex-justify-center flex-items-center bg-#4b89d5!"
  >
    <view class="mt-8 mb-4 fw-600 font-size-35rpx c-#fff">项目名称11111</view>
    <view class="mb-8 fw-500 font-size-29rpx c-#fff">当前的阶段</view>
  </view>
  <view class="h-17vh"></view>
  <scroll-view class="h-83vh" scroll-y @scrolltolower="handleScrollToLower">
    <view class="b-l-blue ml-6 border-solid b-2 b-r-0 b-b-0 b-t-0 pb-6">
      <view class="pos-relative pl-6vw w-87vw" v-for="(item, index) in 10" :key="index">
        <view class="pos-absolute top-9 left-4 bg-#4b89d5 w-20rpx h-20rpx border-rd-50%"></view>
        <view class="py-3 pl-4">2023/13/15</view>
        <wd-card custom-class="p-0!">
          <wd-collapse viewmore v-model="value[index]">
            这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。这是一条简单的示例文字。
          </wd-collapse>
        </wd-card>
      </view>
    </view>
  </scroll-view>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
const value = ref<boolean[]>([])
const handleScrollToLower = () => {
  console.log('到底了')
}
</script>

<style lang="scss" scoped></style>
